import React from 'react';

function Index({data}) {
    return (
        <div className="w-64 rounded-lg shadow-md border flex items-center flex-col p-1 cursor-pointer">
            <div className=" h-60 w-60 ">
                <img className="size-full cursor-pointer rounded-lg "
                    src={data.show_goods_img}
                     alt={data.shop_name}

                />
            </div>
            <div className="h-6 w-full overflow-hidden text-ellipsis line-clamp-1 ">
                {data.shop_name}
            </div>
            <div className="h-6 w-full overflow-hidden text-ellipsis line-clamp-1 ">
                <span className="text-red-600 text-lg font-bold ">{data.goods_price}</span><span className="text-sm">元</span>
            </div>
            <div className="h-6 w-full overflow-hidden text-ellipsis line-clamp-1  text-stone-400 text-sm" title={data.goods_detail}>
                {data.goods_detail}
            </div>
            <div className="h-6 w-full overflow-hidden text-ellipsis line-clamp-1  text-amber-500	 text-sm" title={data.send_address}>
                发货地：{data.send_address}
            </div>
        </div>
    );
}

export default Index;